/**
 * Created by Administrator on 2017/7/6.
 */
$(function(){
    var $banner=$('.banner1');
    var $banner_ul=$('.banner-img1');
    var $btn=$('.banner-btn1');
    var $btn_a=$btn.find('a');
    var v_width=$banner.width();

    var page=1;

    var timer=null;
    var btnClass=null;

    var page_count=$banner_ul.find('li').length;//把这个值赋给小圆点的个数

    var banner_cir="<li class='selected' href='#'><a></a></li>";
    for(var i=1;i<page_count;i++){
        //动态添加小圆点
        banner_cir+="<li><a href='#'></a></li>";
    }
    $('.banner-circle1').append(banner_cir);

    $banner_ul.width(page_count*v_width);

    function move(obj,classname){
        //手动及自动播放
        if(!$banner_ul.is(':animated')){
            if(classname=='prevBtn1'){
                if(page==1){
                    $banner_ul.animate({left:-v_width*(page_count-1)});
                    page=page_count;
                    cirMove();
                }
                else{
                    $banner_ul.animate({left:'+='+v_width},"slow");
                    page--;
                    cirMove();
                }
            }
            else{
                if(page==page_count){
                    $banner_ul.animate({left:0});
                    page=1;
                    cirMove();
                }
                else{
                    $banner_ul.animate({left:'-='+v_width},"slow");
                    page++;
                    cirMove();
                }
            }
        }
    }

    function cirMove(){
        //检测page的值，使当前的page与selected的小圆点一致
        $('.banner-circle1 li').eq(page-1).addClass('selected')
            .siblings().removeClass('selected');
    }

    $banner.mouseover(function(){
        $btn.css({'display':'block'});
        clearInterval(timer);
    }).mouseout(function(){
        $btn.css({'display':'block'});
        clearInterval(timer);
        timer=setInterval(move,3000);
    }).trigger("mouseout");//激活自动播放

    $btn_a.mouseover(function(){
        //实现透明渐变，阻止冒泡
        $(this).animate({opacity:1},'fast');
        $btn.css({'display':'block'});
        return false;
    }).mouseleave(function(){
        $(this).animate({opacity:1},'fast');
        $btn.css({'display':'block'});
        return false;
    }).click(function(){
        //手动点击清除计时器
        btnClass=this.className;
        clearInterval(timer);
        timer=setInterval(move,3000);
        move($(this),this.className);
    });

    $('.banner-circle1 li').live('click',function(){
        var index=$('.banner-circle1 li').index(this);
        $banner_ul.animate({left:-v_width*index},'slow');
        page=index+1;
        cirMove();
    });

    $('.aboutUS .aboutUS-top-text img').addClass('no');

    $('.w-c-last .lw').mouseover(function(){
        $('.lw b').css('color','#ffffff');
        $('.lw p').css('color','#ffffff');
    }).mouseout(function(){
        $('.lw b').css('color','#333333');
        $('.lw p').css('color','#757575');
    });
    $('.w-c-last .le').mouseover(function(){
        $('.le b').css('color','#ffffff');
        $('.le p').css('color','#ffffff');
    }).mouseout(function(){
        $('.le b').css('color','#333333');
        $('.le p').css('color','#757575');
    });
    $('.w-c-last .lo').mouseover(function(){
        $('.lo b').css('color','#ffffff');
        $('.lo p').css('color','#ffffff');
    }).mouseout(function(){
        $('.lo b').css('color','#333333');
        $('.lo p').css('color','#757575');
    });
    $('.w-c-last .lp').mouseover(function(){
        $('.lp b').css('color','#ffffff');
        $('.lp p').css('color','#ffffff');
    }).mouseout(function(){
        $('.lp b').css('color','#333333');
        $('.lp p').css('color','#757575');
    });

    $('.w-d-1').hover(function(){
        $(this).find('.w-d2').addClass('ff');
        $(this).find('.w-d2').removeClass('ff1');
        $(this).find('.w-d4').addClass('ff2');
        $(this).find('.w-d4').removeClass('ff3');
    },function(){
        $(this).find('.w-d2').addClass('ff1');
        $(this).find('.w-d2').removeClass('ff');
        $(this).find('.w-d4').addClass('ff3');
        $(this).find('.w-d4').removeClass('ff2');
    });

    $('.Vision-content1').mouseover(function(){
        $(this).addClass('visionstyle')
    }).mouseout(function(){
        $(this).removeClass('visionstyle')
    });
});

$(function(){
    var $banner2=$('.aboutUSbanner');
    var $banner_ul2=$('.aboutUSbanner-img');
    var $btn2=$('.aboutUSbanner-btn');
    var $btn_a2=$btn2.find('a');
    var v_width2=$banner2.width();
    var page2=1;
    var page_count2=$banner_ul2.find('li').length;//把这个值赋给小圆点的个数
    $banner_ul2.width(page_count2*v_width2);
    $('.leftbtn').click(function(){
        if(page2==1){
            $banner_ul2.animate({left:-v_width2*(page_count2-1)});
            page2=page_count2;

        }
        else{
            $banner_ul2.animate({left:'+='+v_width2},"slow");
            page2--;
        }
    });
    $('.rightbtn').click(function(){
        if(page2==page_count2){
            $banner_ul2.animate({left:0});
            page2=1;
        }
        else{
            $banner_ul2.animate({left:'-='+v_width2},"slow");
            page2++;
        }
    });
});
